import $ from 'jquery'
$(function () {
    $('ul>li:odd').css('color','yellow')
    $('ul>li:even').css('color','green')
})

//引入css es6语法

import './css/index.css'

//引入less
import './less/index.less'

//引入图片

import gao from './assets/高木同学.jpg'
import haokepa from './assets/1.gif'

let img = document.createElement('img')
let img1 = document.createElement('img')
img.src = gao
img1.src = haokepa
document.body.appendChild(img)
document.body.appendChild(img1)
/*
    此时会报错，因为webpack无法自己处理图片    
*/

// 使用字体图标
import './assets/fonts/iconfont.css'

// let i = document.createElement('i')
// i.className = 'iconfont icon-qq'
// document.body.appendChild(i)

let $i = $('<i></i>')
$i.addClass('iconfont icon-qq')
$('body').append($i)

//箭头函数，测试babel能否将其转换成普通函数
const text = () => {
    console.log(666);
}
console.log(text);